<template>
  <el-dialog v-model="visible" title="预览" width="500" append-to-body>
    <iframe
      id="inlineFrameExample"
      title="Inline Frame Example"
      width="300"
      height="200"
      :src="src ?? 'http://www.baidu.com'"
    >
    </iframe>
    <template #footer> </template>
  </el-dialog>
</template>

<script setup lang="ts">
  import { ref } from "vue";
  defineProps(["src"]);
  const visible = ref(false);
  defineExpose({
    visible,
  });
</script>

<style scoped lang="scss">
  .footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
</style>
